@import "variable";
*{
    outline: none;
}
body{
    
}
html,body,h1,h2,h3,h4,h5,h6,ul,p{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
a,.a{
    cursor: pointer;
    color: #000000;
    text-decoration: none;
    &:hover{
        color: $theme-color;
        text-decoration: underline;
    }
}
.b{
    font-weight: bold;
}
.btn{
    cursor: pointer;
    color: $theme-color;
    &:hover{
        color: $theme-color-hover;
    }
}
.active{
    color: $theme-color;
}
.hide{
    display: none;
}

// 定义25个弹性布局盒子的类
$justifyContent: flex-start, flex-end, center, space-between, space-around;  
$alignItems: flex-start, flex-end, center, baseline, stretch;
$flexDirection: row, row-reverse, column, column-reverse;
$flexWrap: nowrap, wrap, wrap-reverse;
$alignContent: flex-start, flex-end, center, space-between, space-around, stretch;
@each $j in $justifyContent {
    $jKey: str-slice($j, 1,1);
    $jInd : str-index($j, "-");
    @if $jInd != null{
        $jKey : $jKey + str-slice($j, $jInd+1, $jInd+1);
    }
    @each $a in $alignItems{
        $aKey: str-slice($a, 1,1);
        $aInd : str-index($a, "-");
        @if $aInd != null{
            $aKey : $aKey + str-slice($a, $aInd+1, $aInd+1);
        }
        .f-#{$jKey}-#{$aKey}{
            display: flex ;
            justify-content: $j;
            align-items: $a;
        }
        @each $d in $flexDirection{
            $dKey: str-slice($d, 1,1);
            $dInd : str-index($d, "-");
            @if $dInd != null{
                $dKey : $dKey + str-slice($d, $dInd+1, $dInd+1);
            }
            .f-#{$jKey}-#{$aKey}-#{$dKey}{
                display: flex ;
                justify-content: $j;
                align-items: $a;
                flex-direction: $d;
            }
            @each $w in $flexWrap{
                $wKey: str-slice($w, 1,1);
                $wInd : str-index($w, "-");
                @if $wInd != null{
                    $wKey : $wKey + str-slice($w, $wInd+1, $wInd+1);
                }
                .f-#{$jKey}-#{$aKey}-#{$dKey}-#{$wKey}{
                    display: flex ;
                    justify-content: $j;
                    align-items: $a;
                    flex-direction: $d;
                    flex-wrap: $w;
                }
                @each $c in $alignContent{
                    $cKey: str-slice($c, 1,1);
                    $cInd : str-index($c, "-");
                    @if $cInd != null{
                        $cKey : $cKey + str-slice($c, $cInd+1, $cInd+1);
                    }
                    .f-#{$jKey}-#{$aKey}-#{$dKey}-#{$wKey}-#{$cKey}{
                        display: flex ;
                        justify-content: $j;
                        align-items: $a;
                        flex-direction: $d;
                        flex-wrap: $w;
                        align-content: $c;
                    }
                }
            }
        }
    }
}